<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的账户-借款记录</title>
    <!--公共样式-->
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/my-account.css">
    <script src="js/jquery-1.8.2.js"></script>
    <script src="date/WdatePicker.js"></script>
    <!--分页-query.js + paging.js-->
    <script type="text/javascript" src="js/query.js"></script>
    <script type="text/javascript" src="js/paging.js"></script>

    <!--公共js-->
    <script src="js/common.js"></script>
    <script src="js/my-account.js"></script>
</head>
<body>
<!--head开始-->
<div class="head">
    <!--顶头-->
    <div class="top-head">
        <div class="top-menu">
            <!--左边-->
            <div class="top-left">
                <p>客服热线: &nbsp;400-050-3015</p>
                <!--微信二维码-->
                <div class="mobile">
                    <p class="icc" id="wechat">
                        <i class="Wechat"></i>微信
                    </p>
                    <!--二维码-->
                    <div class="wecgat-rq">
                    </div>
                </div>
                <!--QQ客服-->
                <p class="icc"><a href="javascript:;" target="_blank"><i class="QQ"></i>客服</a></p>

            </div>
            <!--右边-->
            <div class="top-right">
                <a target="_blank" href="enroll-1.html">快速注册</a>
                <a target="_blank" href="login.html">立即登录</a>
                <a target="_blank" href="help-center.html">帮助中心</a>
            </div>
        </div>
    </div>
    <!--LOGO及导航-->
    <div class="top-nav">
        <a href="index.html"><div class="logo"></div></a>
        <div class="nav-list">
            <ul>
                <li><a target="_blank" href="index.html">首页</a></li>
                <li><a target="_blank" href="invest.html">投资理财</a></li>
                <li><a target="_blank" href="borrow-money.html">借贷专区</a></li>
                <li><a target="_blank" href="secure.html">安全保障</a></li>
                <li><a target="_blank" href="anenst.html">关于我们</a></li>
                <li><a target="_blank" href="Beginners-Guide.html">新手引导</a></li>
                <li><a target="_blank" href="my-account.html" class="my-cons red"><i class="my-con"></i>我的账户</a></li>
            </ul>
        </div>
    </div>

</div>
<!--head结束-->
<div class="bd clearfix">
    <div class="kong"></div>
    <!---->
    <!--面包屑导航-->
    <div class="crumbs" style="background-color:#f3f3f3">
        <span><a href="javascript:;" title="当前位置">当前位置：</a></span>
        <span><a href="index.html" target="_blank" title="首页">首页</a>&nbsp;&gt;&nbsp;</span>
        <span><a href="my-account.html" style="color: #F3270D" target="_blank" title="我的账户">我的账户</a></span>

    </div>
    <div class="center">
        <!--左侧导航-->
        <div class="nav-left">
            <ul class="my-list">
                <li class="my-own nav-one"><i class="accicon-l-1"></i><a href="my-account.html">账户首页</a></li>
                <li class="my-own my-fund-1"><i class="accicon-l-2"></i>我的资金 <i class="accicon-r-1"></i></li>
                <div class="my-rec-1">
                    <ul>
                        <li><a href="my-recharge.html">充值</a></li>
                        <li><a href="my-withdraw.html">提现</a></li>
                    </ul>
                </div>
                <li class="my-own my-fund-2"><i class="accicon-l-3"></i>我的投资 <i class="accicon-r-2"></i></li>
                <div class="my-rec-2">
                    <ul>
                        <li><a href="my-investment.html">投资记录</a></li>
                        <li><a href="my-financing.html">资金记录</a></li>
                        <li><a href="my-drawmoney.html">提现记录</a></li>
                    </ul>
                </div>
                <li class="my-own my-fund-3"><i class="accicon-l-4"></i>我的借款 <i class="accicon-r-3"></i></li>
                <div class="my-rec-3">
                    <ul>
                        <li><a href="my-borrowing.html" class="red">借款记录</a></li>
                        <li><a href="my-payments.html">回款记录</a></li>
                    </ul>
                </div>
                <li class="my-own my-fund-4"><i class="accicon-l-5"></i>个人设置 <i class="accicon-r-4"></i></li>
                <div class="my-rec-4">
                    <ul>
                        <li><a href="my-setdatum.html">基本信息</a></li>
                        <li><a href="my-setsecure.html">安全中心</a></li>
                    </ul>
                </div>
                <li class="my-own"><i class="accicon-l-6"></i> <i class="acc-add"></i><a href="my-invite.html">我的邀请</a></li>
                <li class="my-own"><i class="accicon-l-7"></i><a href="my-brokerage.html">我的佣金</a></li>
            </ul>
        </div>

        <!--右侧内容-->
        <div class="center-box">
            <!--我的借款记录-->
            <div class="my-invitetake">
                <div class="invitetake-content">
                    <!--条件筛选-->
                    <div class="my-screen">
                        <div id="main">
                            <div class="demo">
                                <ul class="select">
                                    <li class="select-list">
                                        <dl id="select1">
                                            <dt>交易状态：</dt>
                                            <dd class="select-all selected"><a href="javascript:;">全部</a></dd>
                                            <dd><a href="javascript:;">处理中</a></dd>
                                            <dd><a href="javascript:;">还款中</a></dd>
                                            <dd><a href="javascript:;">已还清</a></dd>
                                            <dd><a href="javascript:;">已拒绝</a></dd>
                                            <dd><a href="javascript:;">未完成</a></dd>
                                        </dl>
                                    </li>
                                    <li class="select-list">
                                        <dl id="select2">
                                            <dt>借款时间：</dt>
                                            <dd class="select-all selected"><a href="javascript:;">全部</a></dd>
                                            <dd><a href="javascript:;">今天</a></dd>
                                            <dd><a href="javascript:;">一周</a></dd>
                                            <dd><a href="javascript:;">一个月</a></dd>
                                            <dd><a href="javascript:;">三个月</a></dd>
                                            <dd><a href="javascript:;">六个月</a></dd>
                                        </dl>
                                    </li>
                                    <li class="select-list">
                                        <dl id="select0">

                                            <dt>查询日期：</dt>
                                            <dd><input type="text" class="Wdate" name="startDate" id="startDate"
                                                       value="">
                                                <i class="sel-time-icon"></i>
                                            </dd>
                                            <dd><input type="text" class="Wdate" name="endDate" id="endDate" value="">
                                            </dd>
                                        </dl>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--数据-->
                    <div class="my-borrowing-list">
                        <dl>
                            <dt>

                                <span class="hail-fellow">项目名称</span>
                                <span class="req-code">金额</span>
                                <span class="guarantor">担保人</span>
                                <span class="institution">机构</span>
                                <span class="invite-grade">利息</span>
                                <span class="invite-time">时间</span>
                                <span class="invite-status">状态</span>
                            </dt>
                            <!--模拟数据-->
                            <dd>

                                <span class="hail-fellow"><a href="javscript:;">权健产品质押借款</a></span>
                                <span class="req-code red">100,000</span>
                                <span class="guarantor">王刚刚</span>
                                <span class="institution">六六小贷</span>
                                <span class="invite-grade red">500</span>
                                <span class="invite-time">2016-12-12</span>
                                <span class="invite-status">未完成</span>
                            </dd>
                            <dd>

                                <span class="hail-fellow"><a href="javscript:;">权健产品质押借款</a></span>
                                <span class="req-code red">100,000</span>
                                <span class="guarantor">王刚刚</span>
                                <span class="institution">六六小贷</span>
                                <span class="invite-grade red">500</span>
                                <span class="invite-time">2016-12-12</span>
                                <span class="invite-status">未完成</span>
                            </dd>
                            <dd>

                                <span class="hail-fellow"><a href="javscript:;">权健产品质押借款</a></span>
                                <span class="req-code red">100,000</span>
                                <span class="guarantor">王刚刚</span>
                                <span class="institution">六六小贷</span>
                                <span class="invite-grade red">500</span>
                                <span class="invite-time">2016-12-12</span>
                                <span class="invite-status">未完成</span>
                            </dd>
                            <dd>

                                <span class="hail-fellow"><a href="javscript:;">权健产品质押借款</a></span>
                                <span class="req-code red">100,000</span>
                                <span class="guarantor">王刚刚</span>
                                <span class="institution">六六小贷</span>
                                <span class="invite-grade red">500</span>
                                <span class="invite-time">2016-12-12</span>
                                <span class="invite-status">未完成</span>
                            </dd>
                            <dd>

                                <span class="hail-fellow"><a href="javscript:;">权健产品质押借款</a></span>
                                <span class="req-code red">100,000</span>
                                <span class="guarantor">王刚刚</span>
                                <span class="institution">六六小贷</span>
                                <span class="invite-grade red">500</span>
                                <span class="invite-time">2016-12-12</span>
                                <span class="invite-status">未完成</span>
                            </dd>
                            <dd>

                                <span class="hail-fellow"><a href="javscript:;">权健产品质押借款</a></span>
                                <span class="req-code red">100,000</span>
                                <span class="guarantor">王刚刚</span>
                                <span class="institution">六六小贷</span>
                                <span class="invite-grade red">500</span>
                                <span class="invite-time">2016-12-12</span>
                                <span class="invite-status">未完成</span>
                            </dd>
                            <dd>

                                <span class="hail-fellow"><a href="javscript:;">权健产品质押借款</a></span>
                                <span class="req-code red">100,000</span>
                                <span class="guarantor">王刚刚</span>
                                <span class="institution">六六小贷</span>
                                <span class="invite-grade red">500</span>
                                <span class="invite-time">2016-12-12</span>
                                <span class="invite-status">未完成</span>
                            </dd>
                            <dd>

                                <span class="hail-fellow"><a href="javscript:;">权健产品质押借款</a></span>
                                <span class="req-code red">100,000</span>
                                <span class="guarantor">王刚刚</span>
                                <span class="institution">六六小贷</span>
                                <span class="invite-grade red">500</span>
                                <span class="invite-time">2016-12-12</span>
                                <span class="invite-status">未完成</span>
                            </dd>
                            <dd>

                                <span class="hail-fellow"><a href="javscript:;">权健产品质押借款</a></span>
                                <span class="req-code red">100,000</span>
                                <span class="guarantor">王刚刚</span>
                                <span class="institution">六六小贷</span>
                                <span class="invite-grade red">500</span>
                                <span class="invite-time">2016-12-12</span>
                                <span class="invite-status">未完成</span>
                            </dd>
                            <dd>

                                <span class="hail-fellow"><a href="javscript:;">权健产品质押借款</a></span>
                                <span class="req-code red">100,000</span>
                                <span class="guarantor">王刚刚</span>
                                <span class="institution">六六小贷</span>
                                <span class="invite-grade red">500</span>
                                <span class="invite-time">2016-12-12</span>
                                <span class="invite-status">未完成</span>
                            </dd>
                        </dl>
                        <!--如没有数据或未找到数据时显示此信息-->
                        <div class="invite-none" style="display: none">
                            <div class="none-fellow">
                                <div class="none-fellow-pic">
                                </div>
                                <p>暂无结果</p>
                            </div>
                        </div>
                    </div>
                    <!--分页-->
                    <div id="pageToolbar" style="display: none"></div>
                    <!--分页结束-->
                    <div class="fundtake-more" id="look-more">
                        <a href="javascript:;">查看更多</a>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>
<!--右侧悬浮回到顶部-->
<div class="toolbar" id="rights" style="display: none">
    <a href="javascript:;" class="toolbar-item toolbar-item-weixin">
        <span class="toolbar-layer"></span>
    </a>
    <a href="Feedback.html" class="toolbar-item toolbar-item-feedback"></a>
    <a href="javascript:;" id="returnTop" class="toolbar-item toolbar-item-top"></a>
</div>
<!--footer开始-->
<div class="footer">
    <div class="foo-conter">
        <div class="foo-t">
            <div class="foo-top">
                <div class="foo-one">
                    <ul>
                        <li>
                            <a target="_blank" href="business.html">业务模式</a>
                            <a target="_blank" href="anenst.html">关于我们</a>
                        </li>
                        <li>
                            <a target="_blank" href="secure.html">安全保障</a>
                            <a target="_blank" href="help-center.html">常见问题</a>
                        </li>
                        <li>
                            <a target="_blank" href="Franchise-chain.html">连锁加盟</a>
                            <a target="_blank" href="Franchise-chain.html">合作伙伴</a>
                        </li>
                    </ul>
                </div>
                <div class="foo-two">
                    <p>客服邮箱：kefu@bjdiandaitong.com</p>
                    <p><i class="tel"></i><b>400-050-3015</b></p>
                    <p>工作日：09:00~18:00 - 节假日：09:00~18:00</p>
                </div>
                <div class="foo-three">
                    <p>微信扫一扫</p>
                    <i></i>
                </div>
            </div>
        </div>

        <div class="foo-f">
            <div class="foo-fotr">
                <p>©2015 北京市典贷通信息服务有限公司 京ICP备15026559号 &nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.cnzz.com/stat/website.php?web_id=1255410260" title="站长统计"><em class=""><img src="http://icon.cnzz.com/img/pic.gif" alt=""></em></a></p>
                <p>北京市海淀区上地国际创业园2号院一号楼17层</p>
                <p>市场有风险 投资需谨慎</p>
                <div class="certification">
                    <a href="javascript:;"><i class="cer-1" title="诚信网站"></i></a>
                    <a href="javascript:;"><i class="cer-2" title="互联网金融行业认证"></i></a>
                    <a href="javascript:;"><i class="cer-3" title="行业认证"></i></a>
                    <a href="javascript:;"><i class="cer-4" title="360网站安全监测"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--footer结束-->
<script>
    /*分页*/
    $('#pageToolbar').Paging({
        pagesize: 10, count: 100, toolbar: true, callback: function (page, size, count) {
            console.log(arguments)
            console.log('当前第 ' + page + '页,每页 ' + size + '条,总页数：' + count + '页')
        }
    });

</script>
<script>
    /*隔行变色*/
    $(function () {
        $(".invitetake-list dd:odd").css("backgroundColor", "#F9F9F9");

        /*筛选时间*/
        $("input[name*='Date']").focus(function (e) {
            if ($(this).attr('name') == 'startDate') {
                var d5222 = $dp.$('endDate');
                if ($('#endDate').val() == '') {
                    WdatePicker({
                        readOnly: true, onpicked: function () {
                            d5222.focus();
                        }
                    });
                } else {
                    WdatePicker({
                        readOnly: true, onpicked: function () {
                            $('.navgo_d .active').removeClass('active');
                        }, maxDate: '#F{$dp.$D(\'endDate\')}'
                    });
                }
            } else {
                if ($('#startDate').val() == '') {
                    var d5222 = $dp.$('startDate');
                    WdatePicker({
                        readOnly: true, onpicked: function () {
                            d5222.focus();
                        }
                    });
                } else {
                    WdatePicker({
                        readOnly: true, minDate: '#F{$dp.$D(\'startDate\')}', onpicked: function () {
                            $('.navgo_d .active').removeClass('active');
                        }
                    });
                }
            }
        });
        /*更多*/
        $('#look-more').click(function () {
            $(this).hide();
            $('#pageToolbar').show();
        })
    });

    /*条件筛选*/
    $(document).ready(function () {

        $("#select1 dd").click(function () {
            $(this).addClass("selected").siblings().removeClass("selected");
        });
        $("#select2 dd").click(function () {
            $(this).addClass("selected").siblings().removeClass("selected");
        });

    });
</script>
</body>
</html>